<template>
  <div>
    <el-table
      :data="tableData"
      :row-style="{border:'none'}"
      :cell-style="cellStyle"
      :header-row-style="headerRowStyle"
      stripe
      class="eltable">
      <el-table-column
        prop="date"
        label="出版日期">
      </el-table-column>
      <el-table-column
        prop="status1"
        label="法律状态">
      </el-table-column>
      <el-table-column
        prop="status2"
        label="状态"
        width="100">
      </el-table-column>
    </el-table>
    <div style="text-align:center;padding-top:20px;">
      <el-pagination
        background
        @current-change="handleCurrentChange"
        layout="prev, pager, next"
        :current-page.sync="ipi"
        :page-size="ips"
        :total="total">
      </el-pagination>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2020-04-08',
        status1: '公开',
        status2: '公开',
      },{
        date: '2020-04-08',
        status1: '公开',
        status2: '公开',
      },{
        date: '2020-04-08',
        status1: '公开',
        status2: '公开',
      }],
      ipi: 1,
      ips: 10,
      total: 0
    }
  },
  methods: {
    init() {

    },
    handleCurrentChange(val){
      this.ipi = val
      this.init()
    },
    cellStyle() {
      return {
        'border': 'none',
        'font-size': '14px',
        'color': '#4f515b'
      }
    },
    headerRowStyle() {
      return {
        'line-height': '30px',
        'font-size': '12px',
        'color': '#86899e'
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.eltable {
  width: 100%;
  border: none;
}
</style>